<template>
  <van-swipe class="my-swipes" autoplay="5000" lazy-render>
    <van-swipe-item v-for="image in images.banner" :key="image.url">
      <a :href="image.url">
        <img :src="image.src" />
      </a>
    </van-swipe-item>
  </van-swipe>
</template>
<script>
export default {
  name: "swipe",
  setup() {
    const images = {
      banner: [
        {
          src: "http://www.higuang365.com/public/images/common/banner/kabanas.jpg",
          url: "javascript:void(0)",
        },
        {
          src: "http://www.higuang365.com/public/images/common/banner/10_8_pro.jpg",
          url: "javascript:void(0)",
        },
       
        {
          src: "http://www.higuang365.com/public/images/common/banner/xianzhike.jpg",
          url: "javascript:void(0)",
        },

        {
          src: "http://www.higuang365.com/public/images/common/banner/kalabao.jpg",
          url: "javascript:void(0)",
        },
        {
          src: "http://www.higuang365.com/public/images/common/banner/sivanna_pro.jpg",
          url: "javascript:void(0)",
        }, 
        {
          src:
            "http://www.higuang365.com/public/images/common/banner/newlink_pro.jpg?1590812559#w",
          url: "http://www.higuang365.com/wap/article-75.html",
        },


      ],
    };
    return { images };
  },
};
</script>
<style lang="scss" scope>
.my-swipes {
  margin: 1rem;
  border-radius: 1rem;

  img {
    width: 100%;
    // filter: grayscale(100%);
    height: 100%;
  }
}
</style>
